import React from "react";
import { MyNavBar } from "../../../components";
import style from "./style.module.scss";
import clockImg from "../../../assets/images/icon/common resource/xxhdpi/wallet_icon_clock_n.png";
import { useNavigate } from "react-router-dom";

const Index: React.FC = () => {
  const navigate = useNavigate();
  return (
    <div>
      <MyNavBar
        leftArrow={false}
        title="H币提现"
        style={{ background: "#fff" }}
      ></MyNavBar>
      <div className={style["main-body"]}>
        <div className={style.txt}>
          <div className={style.dashed}>
            <dl>
              <dt></dt>
              <dd>发起提现申请</dd>
            </dl>
            <dl>
              <dt>
                <img src={clockImg} alt="" />
              </dt>
              <dd>
                <div>银行处理中</div>
                <div>预计03-12 12:35前到账</div>
              </dd>
            </dl>
            <dl>
              <dt></dt>
              <dd>到账成功</dd>
            </dl>
          </div>
        </div>
        <div className={style["withdrawal-info"]}>
          <div className={style.item}>
            <div className={style.tit}>提现金额</div>
            <div className={style.cont}>￥20.00</div>
          </div>
          <div className={style.item}>
            <div className={style.tit}>到账银行卡</div>
            <div className={style.cont}>
              <span>建设银行</span>
              <span>尾号</span>
              <span>9276</span>
            </div>
          </div>
        </div>

        <button
          className={style.finished}
          onClick={() => {
            navigate("/wallet/my", { replace: true });
          }}
        >
          完成
        </button>
      </div>
    </div>
  );
};

export default Index;
